<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmConsultaCliente')}"/>
    </f:metadata>
    <body>
        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1200"/>
                    <ui:param name="toolBarTitleWidth" value="1150"/>
                    <ui:param name="title" value="Consulta de Clientes"/>
                </ui:include>
                <div align="left">
                    <p:panel header="Consulta de Clientes" style="width: 1200px" >
                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>
                        <div align="left">
                            <h:form id="quick_cliente" >
                                <h:panelGrid id="pCliente" columns="2">
                                    <p:panel style="width: inherit" header="Filtros para B&uacute;squeda de Informaci&oacute;n" toggleable="true" toggleSpeed="400" >

                                        <h:panelGrid id="pCliente1" columns="2">
                                            <h:panelGrid id="pCliente1_1" columns="4">

                                                <h:outputLabel value="Pa&iacute;s:"/>
                                                <h:selectOneMenu id="cbPais"  value="#{consultaClienteManaged.selectedEncaCliente.codigo_p}"  style="width:250px"  >
                                                    <f:selectItems value="#{consultaClienteManaged.paises}" var="pa" itemLabel="#{pa.nombre_p}" itemValue="#{pa.codigo_p}"/>
                                                    <p:ajax listener="#{consultaClienteManaged.llenarDepartamentos}" update="cbDepartamento cbMunicipio"/>
                                                </h:selectOneMenu>
                                                <h:selectBooleanCheckbox value="#{consultaClienteManaged.selectedEncaCliente.estado_filtro_p}" title="Filtrar por Pa&iacute;s" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>

                                                <h:outputText value="Departameto: "/>
                                                <h:selectOneMenu id="cbDepartamento" value="#{consultaClienteManaged.selectedEncaCliente.codigo_d}" style="width:250px"  >
                                                    <f:selectItems value="#{consultaClienteManaged.departamentos}" var="de" itemLabel="#{de.nombre_d}" itemValue="#{de.codigo_d}"/>
                                                    <p:ajax  listener="#{consultaClienteManaged.llenarMunicipios}" update="cbMunicipio"/>
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaClienteManaged.selectedEncaCliente.estado_filtro_d}" title="Filtrar por Departamento" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>

                                                <h:outputText value="Municipio" />
                                                <h:selectOneMenu id="cbMunicipio" value="#{consultaClienteManaged.selectedEncaCliente.codigo_m}" rendered="true" style="width:250px" >
                                                    <f:selectItems value="#{consultaClienteManaged.municipios}" var="mu" itemLabel="#{mu.nombre_m}" itemValue="#{mu.codigo_m}"/>
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaClienteManaged.selectedEncaCliente.estado_filtro_m}" title="Filtrar por Municipio" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>


                                                <h:outputText value="Tipo Cliente" />
                                                <h:selectOneMenu value="#{consultaClienteManaged.selectedEncaCliente.codigo_tc}" rendered="true" style="width:250px" >
                                                    <f:selectItems value="#{consultaClienteManaged.tipoClientes}" var="tp" itemLabel="#{tp.nombre_tc}" itemValue="#{tp.codigo_tc}"/>
                                                </h:selectOneMenu>

                                                <h:selectBooleanCheckbox value="#{consultaClienteManaged.selectedEncaCliente.estado_filtro_tc}" title="Filtrar por Tipo Cliente" style="width: 25px" />
                                                <h:outputText value="Filtrar"/>
                                            </h:panelGrid>

                                            <h:panelGrid id="pCliente1_2" columns="1">
                                                <div align="center">
                                                    <p:commandButton value="#{sms.buscar}" actionListener="#{consultaClienteManaged.fillGrid}" update="quick_grid mensaje"/>
                                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="quick_cliente quick_grid"/>
                                                </div>
                                            </h:panelGrid>

                                        </h:panelGrid>
                                    </p:panel>

                                    <p:panel style="width: inherit" header="Informaci&oacute;n de Cliente" toggleable="true" toggleSpeed="400" >
                                        <h:panelGrid id="pCliente1_4" columns="4">
                                            <h:outputText value="Tipo Cliente" /><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.nombre_tc}" style="width: 170px" readonly="true"/>
                                            <h:outputLabel value="Pa&iacute;s"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.nombre_p}" style="width: 170px" readonly="true"/>
                                            <h:outputText value="Departameto "/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.nombre_d}" style="width: 170px" readonly="true"/>
                                            <h:outputText value="Municipio" /><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.nombre_m}" style="width: 170px" readonly="true"/>


                                            <h:outputText value="Registro"/><p:inputText value="#{proveedconsultaClienteManagedorManaged.selectedDetaCliente.registro_c}" style="width: 170px" readonly="true"/>
                                            <h:outputText value="NIT"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.nit_c}"  style="width: 170px"  readonly="true"/>
                                            <h:outputText value="Tel&eacute;fono &nbsp;&nbsp;"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.telefono_c}" style="width: 170px" readonly="true"/>
                                            <h:outputText value="Email"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.email_c}" style="width: 170px"  readonly="true"/>
                                            <h:outputText value="L&iacute;mite Cr&eacute;dito"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.limite_credito_c}" style="width: 170px"  readonly="true"/>
                                            <h:outputText value="Plazo"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.plazo_c}"  style="width: 50px"  readonly="true"/>
                                            <h:outputText value="Aplicar Retenci&oacute;n"/><h:selectBooleanCheckbox value="#{consultaClienteManaged.selectedDetaCliente.aplicar_retencion_filtro_c}" readonly="true"/>
                                        </h:panelGrid>
                                    </p:panel>
                                </h:panelGrid>


                                <h:panelGrid id="pConMaterial2" columns="4">
                                    <h:outputText value="Empresa"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.empresa_c}" style="width: 550px"  readonly="true"/>
                                    <h:outputText value="Contacto" /><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.contacto_c}" style="width: 400px"  readonly="true"/>
                                    <h:outputText value="Direcci&oacute;n &nbsp;"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.direccion_c}" style="width: 550px" readonly="true"/>
                                    <h:outputText value="Giro"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.giro_c}" style="width: 400px" readonly="true"/>
                                    <h:outputText value="Otra Informaci&oacute;n" rendered="true"/><p:inputText value="#{consultaClienteManaged.selectedDetaCliente.otra_informacion_c}" style="width: 550px" rendered="true" readonly="true"/>
                                </h:panelGrid>

                            </h:form>
                            <h:form id="quick_grid" rendered="true">
                                <p:dataTable id="quick_table" value="#{consultaClienteManaged.clientes}" var="row" rows="15"
                                             paginator="true"  paginatorPosition="bottom" selectionMode="single" selection="#{consultaClienteManaged.selectedDetaCliente}"
                                             emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="quick_cliente" update="mensaje" >
                                    <f:facet name="header" >
                                        <h:outputText value="Lista de Clientes"/>
                                    </f:facet>

                                    <p:column headerText="Pa&iacute;s" filterBy="#{row.nombre_p}" sortBy="#{row.nombre_p}" filterMatchMode="contains" style="width: 85px">
                                        <h:outputText value="#{row.nombre_p}" />
                                    </p:column>
                                    <p:column headerText="Departamento" filterBy="#{row.nombre_d}" sortBy="#{row.nombre_d}" filterMatchMode="contains" style="width: 95px">
                                        <h:outputText value="#{row.nombre_d}" />
                                    </p:column>
                                    <p:column headerText="Municipio" filterBy="#{row.nombre_m}" sortBy="#{row.nombre_m}" filterMatchMode="contains" style="width: 95px">
                                        <h:outputText value="#{row.nombre_m}" />
                                    </p:column>

                                    <p:column headerText="Empresa" filterBy="#{row.empresa_c}" sortBy="#{row.empresa_c}" filterMatchMode="contains" style="width: 150px">
                                        <h:outputText value="#{row.empresa_c}"/>
                                    </p:column>
                                    <p:column headerText="Giro" filterBy="#{row.giro_c}" sortBy="#{row.giro_c}" filterMatchMode="contains" style="width: 150px">
                                        <h:outputText value="#{row.giro_c}" />
                                    </p:column>
                                </p:dataTable>
                            </h:form>
                        </div>
                    </p:panel>
                </div>
            </ui:define>

        </ui:composition>

    </body>
</html>